<template>
  <div class="demo">
    <h2>自定义过渡的类名</h2>
    <button @click="show = !show">Toggle render</button>
    <transition
      name="custom-classes-transition"
      enter-active-class="animated tada"
      leave-active-class="animated bounceOutRight"
    >
      <p v-if="show">hello</p>
    </transition>
  </div>
</template>
<script>
import animation from "animate.css";
export default {
  data() {
    return {
      show: true
    };
  }
};
</script>
<style>
</style>
